<?php 

//Configurações
$idsite=1;

header ( 'Content-Type: text / html; charset = UTF-8' ); 
date_default_timezone_set('America/Sao_Paulo');
if(isset($_POST['assunto'])){
    $con = mysql_connect('177.11.54.5', 'wikeecom_erp', '25089g');
    mysql_select_db('wikeecom_erp',$con);
    $assunto=$_POST['assunto'];
    $mensagem=$_POST['mensagem'];
    $nome=$_POST['nome'];
    $email=$_POST['email'];
    $data = date("Y/m/d H:i:s");
    $protocolo = date("YmdHisu");
    mysql_query("insert into tb_tickets (ticket_protocolo,ticket_datahora,ticket_site,ticket_cliente_nome,ticket_cliente_email,ticket_assunto,ticket_questao,ticket_status) values ('$protocolo','$data',$idsite,'$nome','$email',$assunto,'$mensagem','Aberto')");
    mysql_close($con);
}
?>

<script type="text/javascript" src="https://wikeeimports.com/js/jquery/jquery.js"></script>
<!--<link rel="stylesheet" type="text/css" href="https://wikeeimports.com/skin/frontend/default/blanco/css/bootstrap.css" media="all" />-->
<style>/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
#mask {position:absolute;
z-index:9000;  
background-color:#000; 
display:none;
top: 0px;
left: 0px;
}

#boxes .window {
position:fixed;
width:500px;
height:300px;
display:none;
z-index:9999;
padding:20px;
background-color: #fff;

}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
width:520px;
height:350px;

}
/* posiciona o link para fechar a janela */
.close {
display:block; 
text-align:right;
font-size: 15px;
padding-right: 10px;
}  

.ticket{ }
.ticket input[type=text]{ width: 250px; margin-top: 1px}
.ticket select, textarea{ width: 500px; margin-top: 1px}
span.titulo{ font-weight: bold; font-size: 20px; color: #999999; margin: 10px; }
span.nomecampo{ font-weight: bold; margin: 5px; }
.tbl{ margin: 10px; font-size: 13px; }
.tbl td{ vertical-align: top;}
#msgErro{ height: 11px; padding: 4px 5px 8px 5px; font-size: 11px; }
</style>
<div id="boots"></div>
<!-- #dialog é o id do DIV definido como mostrado a seguir  -->
<a href="#dialog" name="modal">SUPORTE</a>

<div id="boxes">
    <!-- #personalize sua janela modal aqui -->
    <div id="dialog" class="window well">
    <span class="titulo">Como podemos ajudá-lo?</span>
    <!-- Botão para fechar a janela tem class="close" -->
    <a href="#" class="close">Fechar [X]</a><br /><br>
        <div class="ticket">
        <form method="post" id="formticket">
            <table cellspacing="10" class="tbl">
                <tr>
                    <td  colspan="2"><span class="nomecampo">Assunto</span></br>
                        <select name="assuntotkt">
                            <option value=""></option>   
                            <?
                            $con = mysql_connect('177.11.54.5', 'wikeecom_erp', '25089g');
                            mysql_select_db('wikeecom_erp',$con);
                            $sql=mysql_query("select assunto_id id, assunto_titulo titulo from tb_assunto where site_id=".$idsite." and assunto_status='Ativo' order by assunto_titulo");
                            while ($ln = mysql_fetch_array($sql)) { ?>
                            <option value="<? echo $ln['id']?>"><? echo $ln['titulo']?></option>    
                            <?
                            };
                            mysql_close($con);
                            ?>
                        </select></td>
                </tr>
                <tr>
                    <td colspan="2"><span class="nomecampo">Mensagem</span></br>
                        <textarea name="mensagemtkt" cols="40" rows="6" placeholder="Digite sua mensagem..." style="width: 500px"></textarea></td>
                </tr>
                <tr>
                    <td><span class="nomecampo">Nome</span></br>
                        <input type="text" name="nometkt" placeholder="Informe seu nome..." style="width: 250px;"/></td>
                    <td><span class="nomecampo">E-mail</span></br>
                    <input type="text" name="emailtkt" placeholder="Informe seu e-mail..." style="width: 250px;"/></td>
                </tr>
                <tr>
                    <td><div id="msgErro"></div></td>
                    <td align="right"><a href="javascript:;" class="btn btn-info" onclick="valida();">Enviar</a></td>
                </tr>
            </table>
        </form>
        </div>
    <br>
    </div>
    <!-- Não remova o div#mask, pois ele é necessário para preencher toda a janela -->
    <div id="mask"></div>
</div>

<script type="text/javascript">
   jQuery.noConflict();
   function valida(){
       cor='#ffcccc';
       tc=true;
       if(jQuery("select[name='assuntotkt']").val()===''){
           jQuery("select[name='assuntotkt']").css('background-color',cor);
           tc=false;
       }else{jQuery("select[name='assuntotkt']").css('background-color','');}
       
        if(jQuery("textarea[name='mensagemtkt']").val()===''){
           jQuery("textarea[name='mensagemtkt']").css('background-color',cor);
           tc=false;
       }else{jQuery("textarea[name='mensagemtkt']").css('background-color','');}
       
        if(jQuery("input[name='nometkt']").val()===''){
           jQuery("input[name='nometkt']").css('background-color',cor);
           tc=false;
       }else{jQuery("input[name='nometkt']").css('background-color','');}
       
        if(jQuery("input[name='emailtkt']").val()===''){
           jQuery("input[name='emailtkt']").css('background-color',cor);
           tc=false;
       }else{jQuery("input[name='emailtkt']").css('background-color','');}
       if(tc===false){ jQuery("#msgErro").attr('class','alert alert-error');
                       jQuery("#msgErro").html('Preencha todos os campos')}
       else{ jQuery("#msgErro").attr('class','alert alert-info');
             jQuery("#msgErro").html('Enviando...');
           //jQuery("#formticket").submit(); 
           jQuery.post('https://wikeeimports.com/ticket.php',{assunto:jQuery("select[name='assuntotkt']").val(),nome:jQuery("input[name='nometkt']").val(),email:jQuery("input[name='emailtkt']").val(),mensagem:jQuery("textarea[name='mensagemtkt']").val()},function(){
                jQuery("#msgErro").attr('class','alert alert-success');       
                jQuery("#msgErro").html('Mensagem enviada. Aguarde contato por e-mail.');
                jQuery("input[name='nometkt']").val('');jQuery("input[name='emailtkt']").val('');jQuery("textarea[name='mensagemtkt']").val('');
           })
       }
   }
</script> 

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {

//seleciona os elementos a com atributo name="modal"
jQuery('a[name=modal]').click(function(e) {
   
//cancela o comportamento padrão do link
e.preventDefault();

//armazena o atributo href do link
var id = jQuery(this).attr('href');

//armazena a largura e a altura da tela
var maskHeight = jQuery(document).height();
var maskWidth = jQuery(window).width();

//Define largura e altura do div#mask iguais ás dimensões da tela
jQuery('#mask').css({'width':maskWidth,'height':maskHeight});

//efeito de transição
jQuery('#mask').fadeIn(1000);
jQuery('#mask').fadeTo("slow",0.8);

//armazena a largura e a altura da janela
var winH = jQuery(window).height();
var winW = jQuery(window).width();
//centraliza na tela a janela popup
jQuery(id).css('top', winH/2-jQuery(id).height()/2);
jQuery(id).css('left', winW/2-jQuery(id).width()/2);
//efeito de transição
jQuery(id).fadeIn(2000);
jQuery("#boots").html('<link rel="stylesheet" type="text/css" href="https://wikeeimports.com/skin/frontend/default/blanco/css/bootstrap.css" media="all" />');
});

//se o botãoo fechar for clicado
jQuery('.window .close').click(function (e) {
//cancela o comportamento padrão do link
e.preventDefault();
jQuery('#mask, .window').hide();
jQuery("#boots").html('');
});

//se div#mask for clicado
jQuery('#mask').click(function () {
jQuery(this).hide();
jQuery('.window').hide();
jQuery("#boots").html('');
});
});
</script>
